﻿<%@ Page Title="chitiet" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="viewDetails.aspx.cs" Inherits="MailBox.chitiet" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
            <div id="menu_top" class="col-md-12 noprint" style="padding:0px;border-bottom:1px solid #ddd;">
                <div style="padding:10px 10px 10px 0px;width:auto;float:left;">
                    <span class="btn btn-default" style="border-radius:0px;width:100%;" data-toggle="tooltip" data-placement="bottom" title="Quay về" onclick="window.open('viewPOST.aspx?groupid=1','_self')">
                        <span class="fa fa-mail-reply"></span>
                    </span>
                </div>
                <div style="padding:10px 10px 10px 0px;width:auto;float:left;">
                    <span class="btn btn-default" style="border-radius:0px;width:100%;" data-toggle="tooltip" data-placement="bottom" title="Làm mới mails hiện hành">
                        <span class="fa fa-refresh"></span>
                    </span>
                </div>
                <div class="visible-xs pull-right" style="padding:10px 10px 10px 0px;width:auto;float:left;">
                    <span class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Cũ hơn" style="border-radius:0px;">
                        <i class="fa fa-caret-right"></i>
                    </span>
                </div>
                <div class="visible-xs pull-right" style="padding:10px 10px 10px 0px;width:auto;float:left;">
                    <span class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Mới hơn" style="border-radius:0px;margin-right:10px;">
                        <i class="fa fa-caret-left"></i> 
                    </span>
                </div>
                <div class="pull-right" style="padding:10px 0px 10px 0px;text-align:right;">
                    <label style="margin-right:20px;font-size:13px;">1 - 50 trên tổng 142</label>
                    <span class="btn btn-default hidden-xs" data-toggle="tooltip" data-placement="bottom" title="Mới hơn" style="border-radius:0px;margin-right:20px;">
                        <i class="fa fa-caret-left"></i> 
                    </span>
                    <span class="btn btn-default hidden-xs" data-toggle="tooltip" data-placement="bottom" title="Cũ hơn" style="border-radius:0px;">
                        <i class="fa fa-caret-right"></i>
                    </span>
                </div>
            </div>
            <!-- Danh sách mail -->
            <div class="col-md-12 col-xs-12" style="padding:0px;">

<!-- Mail UNREAD -->
                    <div id="detail_mail_1" class="col-md-12 col-xs-12" style="padding:0px;">
                        <div class="col-md-12 col-xs-12" style="padding:0px;background:#eee;border-bottom:1px solid #ddd;">
                            <div class="col-xs-8 col-md-11" style="padding:10px 10px 10px 10px;">
                                <div class="title_over" style="line-height:27px;font-weight:bold;font-size:18px;">
                                    Tiêu đề của bức thư này Tiêu đề của bức thư này Tiêu đề của bức thư này Tiêu đề của bức thư này Tiêu đề của bức thư này Tiêu đề của bức thư này
                                </div>
                            </div>
                            <div class="col-xs-4 col-md-1 noprint" style="padding:5px 10px;text-align:center;">
                                <span class="btn btn-default" onclick="printDiv()" style="border-radius:0px;width:auto;padding:7px 12px;" data-toggle="tooltip" data-placement="bottom" title="In">
                                    <span class="fa fa-print"></span>
                                </span>
                            </div>
                            
                        </div>
                        <div class="col-md-12 col-xs-12" style="padding:10px 0px;border-bottom:1px solid #ddd;border-radius:0px;">
                            <div class="col-md-1 col-xs-3 noprint" style="padding:0px;text-align:center">
                                <div class="title_over" style="line-height:37px;font-weight:bold;font-size:18px;">
                                    <img class="img img-thumbnail" src="http://teqsnacks.com/files/2014/03/Chrome.jpg" style="width:50px;" />
                                </div>
                            </div>
                            <div class="col-md-7 col-xs-10" style="padding:5px 5px;">
                                <b>jQWidgets Support</b> - tới [USERID-NAME],<span class="fa fa-users" data-toggle="tooltip" data-placement="bottom" title="Danh sách"></span> <br/>Email : support@jqwidgets.com
                            </div>
                            <div class="col-md-4 noprint" style="padding:5px 10px;text-align:right;">
                                <b style="margin-right:10px;">23/07/2014</b>
                            </div>
                        </div>
                        <div id="content_mail_1" class="col-md-12 col-xs-12" style="padding:20px;">
                            <p>Dear Customer,</p>
                            <p>I am Peter Stoev from jQWidgets. Thank you for downloading our product.</p>
                            <p>Do you need help, support or advice?</p>
                            <p>Please, feel free to contact me if you have any questions. I'll be glad to help you.</p>
                            <p>Best Regards,</p>
                            <p>Peter Stoev</p>
                            <p>Dear Customer,</p>
                            <p>I am Peter Stoev from jQWidgets. Thank you for downloading our product.</p>
                            <p>Do you need help, support or advice?</p>
                            <p>Please, feel free to contact me if you have any questions. I'll be glad to help you.</p>
                            <p>Best Regards,</p>
                            <p>Peter Stoev</p>
                            <p>Dear Customer,</p>
                            <p>I am Peter Stoev from jQWidgets. Thank you for downloading our product.</p>
                            <p>Do you need help, support or advice?</p>
                            <p>Please, feel free to contact me if you have any questions. I'll be glad to help you.</p>
                            <p>Best Regards,</p>
                            <p>Peter Stoev</p>
                            <p>Dear Customer,</p>
                            <p>I am Peter Stoev from jQWidgets. Thank you for downloading our product.</p>
                            <p>Do you need help, support or advice?</p>
                            <p>Please, feel free to contact me if you have any questions. I'll be glad to help you.</p>
                            <p>Best Regards,</p>
                            <p>Peter Stoev</p>
                            <p>Dear Customer,</p>
                            <p>I am Peter Stoev from jQWidgets. Thank you for downloading our product.</p>
                            <p>Do you need help, support or advice?</p>
                            <p>Please, feel free to contact me if you have any questions. I'll be glad to help you.</p>
                            <p>Best Regards,</p>
                            <p>Peter Stoev</p>
                        </div>
<!-- -->
            </div>
        </div>
</asp:Content>